.dots {
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  display: flex;
  justify-content: center;
  > li {
    list-style: none;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    font-size: 25px;
    color: blanchedalmond;
    width: 50px;
    padding: 6px;
    text-align: center;
    margin: 6px;
    border-radius: 50%;
  }
  .active {
    background-color: red;
  }
}
